$iy-red:#ff4947;
$iy-orange:#f08501;
$iy-yellow:#ffc501;
$iy-blue:#37a7f9;
$iy-gray:#b9cbd9;
$iy-green:#29ab91;

@mixin clearFix {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
@mixin text-break-word{
  white-space: pre-wrap;
  word-wrap: break-word;
}
@mixin text-break-letter{
  white-space: pre-wrap;
  word-break: break-all;
}
@mixin text-replace{
  overflow: hidden;
  text-indent: 999em * -1;
  letter-spacing: 999em * -1;
}
@mixin text-overflow-nowrap{
  overflow: hidden;
  white-space: nowrap;
}
@mixin text-overflow-nowrap-ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@mixin text-overflow-ellipsis($count) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $count;
  text-overflow: ellipsis;
}
.text {
  &-lowercase {
    text-transform: lowercase;  // CSS 1.0，小写字母
  }
  &-uppercase {
    text-transform: uppercase;  // CSS 1.0，大写字母
  }
  &-capitalize {
    text-transform: capitalize; // CSS 1.0，首字母大写
  }

  &-nowrap {
    white-space: nowrap;
  }
  &-break {
    &-word {
      @include text-break-word;
    }
    &-letter {
      @include text-break-letter;
    }
  }
  &-replace {
    @include text-replace;
  }
  &-overflow {
    &-nowrap {
      @include text-overflow-nowrap;
      &-ellipsis {
        @include text-overflow-nowrap-ellipsis;
      }
    }
  }
}

